<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>帮我选卡</title>

    <!-- styles here -->
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../css/Public_CSS.css">
    <link rel="stylesheet" href="../css/style.css">
</head>

<body>

<div class="pick-card">
    <div class="banner">
        <img alt="banner">
    </div>
    <div class="pick-title">
        <h1>01心意卡特色</h1>
        <small>为了精准推荐，请不要选择超过3项</small>
    </div>
    <div class="pick-feature">
        <ul>
            <li><a href="javascript:;">额度高</a></li>
            <li><a href="javascript:;">易下卡</a></li>
            <li><a href="javascript:;">极速下卡</a></li>
            <li><a href="javascript:;">100%取现</a></li>
            <li><a href="javascript:;">白金权益</a></li>
            <li><a href="javascript:;" class="selected">开卡有礼</a></li>
            <li><a href="javascript:;">高颜值卡</a></li>
            <li><a href="javascript:;">优惠多多</a></li>
        </ul>
    </div>
    <div class="next">
        <a href="javascript:;" class="btn btn-red">下一步</a>
    </div>
</div>

<!-- scripts here -->
<script type="text/javascript" src="../js/main.js"></script>
<script>
    for (oLi of $("ul")[0].children) {
        oLi.children[0].addEventListener("click", clickSelected);
    }
</script>

</body>

</html>